<!DOCTYPE HTML>
<html lang="en-US">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<title>Team</title>
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.css" />
		<link rel="stylesheet" href="css/style.css" />
		 <link rel="stylesheet" type="text/css" href="./css/font.css"/>
		<style type="text/css">
			.titlePage {
				height: 68px;
				margin-top: 15px;
				margin-left: 16px;
				margin-right: 16px;
				background-color: #d0e6fe;
				border-radius: 4px;
				padding: 21px 16px;
			}

			.centPage {
				height: 145px;
				border-radius: 8px;
				margin-left: 16px;
				margin-right: 16px;
				margin-top: 21px;
				background-image: linear-gradient(250deg, #4199f2, #2b57da);
			}
		</style>
	</head>
	<body>
		<div class="bui-page bui-box-vertical">
			<header>
				<!-- 固定顶部区 -->
			<div class="bui-bar" style="height: 45px;background-color: white;">
                <div class="bui-bar-left">
                    
                </div>
                <div class="bui-bar-main" style="color: black;"> <h2>My Team</h2></div>
                <div class="bui-bar-right">
                </div>
            </div>
			</header>
			<main>
				<!-- 固定中间滚动内容区 -->
				<div class="titlePage" style="">
					<div class="bui-box-space example-box3">
						<div class="span5">
							<h6 class="" style="line-height: 28px;">Invitation code： <span id="code"
									style="size: 100px;">NVMTM1</span></h6>
						</div>
						<div class="span2">
							<div class="span1" id="Copy"
								style="width: 100%; height: 25px;text-align: center;line-height: 25px;  size: 5px; background-color: #2b58da;color: white; border-radius: 50px;float: left;">
								<span>Copy</span>
							</div>
						</div>
					</div>

				</div>
				<div class="centPage">
					<div class="bui-box-space example-box3">
						<div class="span1">
							<h1 class="" style="color: white;margin: 16px;">Team</h1>
						</div>

					</div>
					<div class="bui-box-space example-box3">
						<div class="span1" style="text-align: center;color: white;">
							<h1>1</h1>
							<h5>total number</h5>
						</div>
						<div class="span1" style="text-align: center;color: white;">
							<h1>0</h1>
							<h5>past income</h5>
						</div>
						<div class="span1" style="text-align: center;color: white;">
							<h1>0</h1>
							<h5>past income</h5>
						</div>
					</div>
				</div>
				
				   <ul class="bui-list bui-list-thumbnail" style="margin-top: 25px;">
				            <li class="bui-btn bui-box">
				                <div class="span1">
				                    <h3 class="item-title">会员账号：二狗子</h3>
				                    <p class="item-text">推荐人数：100人</p>
				                    <p class="item-text">团队人数：100人</p>
									<p class="item-text">推荐业绩：1000$</p>
									<p class="item-text">团队业绩：1000$</p>
				                </div>
				               
				            </li>
							<li class="bui-btn bui-box">
							    <div class="span1">
							        <h3 class="item-title">会员账号：二狗子</h3>
							        <p class="item-text">推荐人数：100人</p>
							        <p class="item-text">团队人数：100人</p>
									<p class="item-text">推荐业绩：1000$</p>
									<p class="item-text">团队业绩：1000$</p>
							    </div>
							   
							</li>
							<li class="bui-btn bui-box">
							    <div class="span1">
							        <h3 class="item-title">会员账号：二狗子</h3>
							        <p class="item-text">推荐人数：100人</p>
							        <p class="item-text">团队人数：100人</p>
									<p class="item-text">推荐业绩：1000$</p>
									<p class="item-text">团队业绩：1000$</p>
							    </div>
							   
							</li>
							<li class="bui-btn bui-box">
							    <div class="span1">
							        <h3 class="item-title">会员账号：二狗子</h3>
							        <p class="item-text">推荐人数：100人</p>
							        <p class="item-text">团队人数：100人</p>
									<p class="item-text">推荐业绩：1000$</p>
									<p class="item-text">团队业绩：1000$</p>
							    </div>
							   
							</li>
				</ul>
				
			<div class="bui-thumbnail " style="display: none;"  data-sub="" ><img src="img/data.png" alt="" ></div>
			</main>
			<footer>
				<!-- 固定底部   -->
				<ul class="bui-nav">
					<li class="bui-btn bui-box-vertical " href="index.html">
						<!-- <span class="bui-badges"></span></i> -->
						<img src="img/t-01.png" width="30px" style="margin: 0 auto;">
						<div class="span1">home</div>
					</li>
					<li class="bui-btn bui-box-vertical " href="device.html">
						<img src="img/t-03.png" width="30px" style="margin: 0 auto;">
						<div class="span1">Device</div>
					</li>
					<li class="bui-btn bui-box-vertical " href="wallet.html">
						<img src="img/t-05.png" width="30px" style="margin: 0 auto;">
						<div class="span1">Wallet</div>
					</li>
					<li class="bui-btn bui-box-vertical bui-btn-more active">
						<img src="img/t-08.png" width="30px" style="margin: 0 auto;">
						<div class="span1">Team</div>
					</li>
					<li class="bui-btn bui-box-vertical bui-btn-more" href="mine.html">
						<img src="img/t-09.png" width="30px" style="margin: 0 auto;">
						<div class="span1">Mine</div>
					</li>
				</ul>
			</footer>
		</div>
		<script src="https://cdn.jsdelivr.net/npm/buijs/lib/zepto.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.js"></script>
		<script>
			bui.ready(function() {
				// 所有控件及方法需要在这里执行
				bui.btn({
					id: ".bui-page",
					handle: ".bui-btn"
				}).load();
			
				$("#Copy").on("click",function(e){
					//这里是复制 推荐码逻辑
					  //获取input对象
					  
					  var obj = document.getElementById("code");
					  copyToClip(obj.innerText,'Successfully copied！')
					 
				})
				
			})
			
			/**
			 * 复制内容到粘贴板
			 * content : 需要复制的内容
			 * message : 复制完后的提示，不传则默认提示"复制成功"
			 */
			function copyToClip(content, message) {
			    var aux = document.createElement("input"); 
				var str='https://www.astrazeneca.vip/#/pages/login/Register?code='+content
			    aux.setAttribute("value",str); 
			    document.body.appendChild(aux); 
			    aux.select();
			    document.execCommand("copy"); 
			    document.body.removeChild(aux);
			    if (message == null) {
					bui.hint({height:80, content: "Successfully copied！", position: "center", effect: "fadeInDown" });
			    } else{
			       bui.hint({height:80, content: message, position: "center", effect: "fadeInDown" });
			    }
				//这里是 跳转注册
				// bui.load({
				// 	url: "./register.html",
				// 	param: {
				// 		parameter: "parameter"
				// 	}
				// });
			}
		</script>
	</body>
</html>
